<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/jquery-3.6.0.js"></script>
</head>
<body>
    <ul id="test-ul">
        <li class="js">JavaScript</li>
        <li name="python">Python</li>
    </ul>

    <script>
        // text(),没有值就是取值，有值就是赋值,, 好多方法都是类似的
        let value = $('#test-ul li[name=python]').text();
        console.log(value);
        // 设置值
        $('#test-ul li[name=python]').text('78989');

        $('#test-ul').html();
        //$('#test-ul').html('<h1>我是H1</h1>');

        // 操作 css
        $('#test-ul li[name=python]').css('color','red');

        // 元素的显示和隐藏
        // 显示
        $('.js').show();
        // 隐藏
        $('.js').hide();
    </script>

</body>
</html>